deepin vue安装步骤

  • Z时代
  • 2024-01-10
  • 分类：综合

vue

deepin安装node.js

sudo wget https://nodejs.org/dist/v9.2.0/node-v9.2.0-linux-x64.tar.xz
tar xJf node-v9.2.0-linux-x64.tar.xz
mv node-v9.2.0-linux-x64 /opt/node/

问题：Ec2 sudo 运行 npm或node时，出现找不到命令:
解决办法：

sudo 运行 npm或node时，出现找不到命令的情况，运行下面这些命令， 
sudo ln -s /opt/node/node-v9.2.0-linux-x64/bin/node /usr/bin/node
sudo ln -s /opt/node/node-v9.2.0-linux-x64/bin/node /usr/lib/node
sudo ln -s /opt/node/node-v9.2.0-linux-x64/bin/npm /usr/bin/npm
sudo ln -s /opt/node/node-v9.2.0-linux-x64/bin/node-waf /usr/bin/node-waf

linux安装cnpm:

npm install -g cnpm --registry=https://registry.npm.taobao.org

创建cnpm的软链接，生成全局属性：

sudo ln -s /opt/node/node-v9.2.0-linux-x64/bin/cnpm /usr/bin/cnpm

cnpm -v 查看版本

cnpm@6.0.0 (/opt/node/node-v9.2.0-linux-x64/lib/node_modules/cnpm/lib/parse_argv.js)
npm@6.9.0 (/opt/node/node-v9.2.0-linux-x64/lib/node_modules/cnpm/node_modules/npm/lib/npm.js)
node@9.2.0 (/opt/node/node-v9.2.0-linux-x64/bin/node)
npminstall@3.20.2 (/opt/node/node-v9.2.0-linux-x64/lib/node_modules/cnpm/node_modules/npminstall/lib/index.js)
prefix=/opt/node/node-v9.2.0-linux-x64 
linux x64 4.15.0-29deepin-generic 
registry=https://registry.npm.taobao.org

安装vue:

cnmp install vue

安装vue-cli脚手架构建工具:

cnpm install --global vue-cli

创建一个基于 webpack 模板的新项目:

vue init webpack my-project（my-project为项目名称）

初始化一个项目:

vue init webpack-simple my-project

名词解释：

需要注意的是项目的名称不能大写，不然会报错。
Project name (my-project) # 项目名称（我的项目）
Project description (A Vue.js project) # 项目描述一个Vue.js 项目
Author 作者（你的名字）
Install vue-router? (Y/n) # 是否安装Vue路由，也就是以后是spa（但页面应用需要的模块）
Use ESLint to lint your code? (Y/n) # 使用 ESLint 到你的代码？ （Y [ yes ] / N [ no ]）
Pick an ESLint preset (Use arrow keys) # 选择一个预置ESLint（使用箭头键）
Setup unit tests with Karma + Mocha? (Y/n) # 设置单元测Karma + Mocha？ （Y/ N）
Setup e2e tests with Nightwatch? (Y/n) # 设置端到端测试，Nightwatch？ （Y/ N）
当然这些都看你自己个人的情况，我这里是全选了yes。

如果提示没有找到package.json，运行下面命令创建

cnpm init -f

进入到项目:

cd my-project

所以在这之前需要解决项目的依赖问题，使用下面的命令安装项目的依赖:

cnpm install

运行项目:

cnpm run dev

以上是 deepin vue安装步骤 的全部内容， 来源链接： utcz.com/z/378462.html

回到顶部