vue cli创建typescript项目
<p>使用最新的Vue CLI @vue/cli创建typescript项目，使用<code>vue -V</code>查看当前的vue cli版本</p><h4 id="安装命令">安装命令</h4>
<pre><code>npm install -g @vue-cli
</code></pre>
<h4 id="创建项目">创建项目</h4>
<pre><code>vue create my-vue-typescript
</code></pre>
<p><img src="https://user-images.githubusercontent.com/6204210/62692863-00595200-ba04-11e9-9833-cdea218c8c7e.png"></p>
<p>上下键选择，空格键确定<br>
<img src="https://user-images.githubusercontent.com/6204210/62692883-06e7c980-ba04-11e9-88ee-a999284740f3.png"></p>
<p>接下来是一些常规选项</p>
<p><img src="https://user-images.githubusercontent.com/6204210/62692887-0bac7d80-ba04-11e9-9f76-82073f897d69.png"></p>
<p>下面是询问要不要记录这次配置以便后面直接使用，我们选择y</p>
<p><img src="https://user-images.githubusercontent.com/6204210/62692897-1109c800-ba04-11e9-951e-08dc12c32778.png"></p>
<p>当确定配置后会在<code>C:\Users\Administrator\.vuerc</code>下生成一个刚选好的配置记录</p>
<pre><code>{
"useTaobaoRegistry": true,
"presets": {
"my-vue-typescript": {
"useConfigFiles": true,
"plugins": {
"@vue/cli-plugin-babel": {},
"@vue/cli-plugin-typescript": {
"classComponent": true,
"tsLint": true,
"lintOn": [
"save"
],
"useTsWithBabel": true
}
},
"router": true,
"routerHistoryMode": true,
"vuex": true
}
}
}
</code></pre>
<p>然后再回车就开始创建项目，但是这里却报了一个错，大概意思是源有问题。</p>
<pre><code>ERRORcommand failed: yarn --registry=https://registry.npm.taobao.org --disturl=https://npm.taobao.org/dist
</code></pre>
<p>于是搜了下原因，原来是创建时候的默认源配置导致，vue cli 安装报错问题解决<br>
<img src="https://user-images.githubusercontent.com/6204210/62692920-1e26b700-ba04-11e9-99b7-0d3ee60930e6.png"></p>
<p>所以修改下刚才生成的.vuerc下的useTaobaoRegistry属性值为false就可以了</p>
<pre><code>{
"useTaobaoRegistry": false,
...
}
</code></pre>
<p>再次安装成功</p><br><br>
来源：https://www.cnblogs.com/freyhill/p/11322667.html
頁:
[1]