Angular 创建项目
<p><span class="fontstyle0">1. <span class="fontstyle2">打开命令行工具找到你要创建项目的目录 <br></span></span></p><p><span class="fontstyle0">2<span class="fontstyle0">. <span class="fontstyle2">创建项目<br></span></span></span></p>
<div class="cnblogs_code">
<pre>ng <span style="color: rgba(0, 0, 255, 1)">new</span> 项目名称 </pre>
</div>
<p><span class="fontstyle0">如果要跳过 <span class="fontstyle2">npm i <span class="fontstyle0">安装： <br></span></span></span></p>
<div class="cnblogs_code">
<pre>ng <span style="color: rgba(0, 0, 255, 1)">new</span> angulardemo --skip-install</pre>
</div>
<p>3.创建过程中会问你是否安装配置路由</p>
<p><img src="https://img2018.cnblogs.com/blog/1100100/201905/1100100-20190517150045594-1076179879.png" alt=""></p>
<p><span class="fontstyle0"><span class="fontstyle0"><span class="fontstyle2"><span class="fontstyle3"><span class="fontstyle2"><span class="fontstyle0">4. <span class="fontstyle2">运行项目 <br></span></span></span></span></span></span></span></p>
<p><span class="fontstyle0"><span class="fontstyle0"><span class="fontstyle2"><span class="fontstyle3"><span class="fontstyle2"><span class="fontstyle0"><span class="fontstyle2">在项目目录下,打开终端:</span></span></span></span></span></span></span></p>
<div class="cnblogs_code">
<pre>ng serve --open</pre>
</div>
<hr>
<p><span class="fontstyle0">常见问题: 创建项目后用 <span class="fontstyle2">npm i <span class="fontstyle0">或者 <span class="fontstyle2">cnpm i <span class="fontstyle0">后项目没法运行 <br></span></span></span></span></span></p>
<div class="cnblogs_code">
<pre><span style="color: rgba(0, 0, 0, 1)">解决方案： 用 yarn 替代 cnpm 和 npm
</span><span style="color: rgba(128, 0, 128, 1)">1</span> cnpm instal @angular/<span style="color: rgba(0, 0, 0, 1)">cli (我的 npm 会报错)；
</span><span style="color: rgba(128, 0, 128, 1)">2</span> ng <span style="color: rgba(0, 0, 255, 1)">new</span><span style="color: rgba(0, 0, 0, 1)"> 的时候阻止自动安装 ng 包， 只创建 ng 目录</span></pre>
<div class="cnblogs_code">
<pre>ng <span style="color: rgba(0, 0, 255, 1)">new</span> my-app --skip-install</pre>
</div>
<pre><span style="color: rgba(128, 0, 128, 1)">3</span> 安装 yarn npm install -g yarn / cnpm install -<span style="color: rgba(0, 0, 0, 1)">g yarn
</span><span style="color: rgba(128, 0, 128, 1)">4</span> 进入目录 my-<span style="color: rgba(0, 0, 0, 1)">app 使用 yarn 安装 ng 所依赖的包 yarn
注意： yarn 命令 等同于 npm install </span>/<span style="color: rgba(0, 0, 0, 1)"> cnpm install 使用 yarn 前提是先安装 yarn ,
安装使用 cnpm install </span>-g yarn 就可以安装</pre>
</div>
<p> </p>
</div>
<div id="MySignature" role="contentinfo">
最后，关注【码上加油站】微信公众号后，有疑惑有问题想加油的小伙伴可以码上加入社群，让我们一起码上加油吧！！！<br><br>
来源：https://www.cnblogs.com/loaderman/p/10881408.html
頁:
[1]